<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<title>电子银行——》汇款充值</title>
<script type="text/javascript">
	$(function() {
		
	});
</script>
<script>
	layui
			.use(
					'layer',
					function() { //独立版的layer无需执行这一句
						var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句

						//触发事件
						var active = {
							notice : function() {
								var date = $("#date").val();
								var moneyin = $('#moneyin').val();
								var keywords = $('#keywords').val();
								//示范一个公告层
								layer
										.open({
											type : 1,
											title : "<a style='color: red'>确认汇款信息</a>" //不显示标题栏
											,
											closeBtn : false,
											area : '600px;',
											shade : 0.6,
											id : 'LAY_layuipro' //设定一个id，防止重复弹出
											,
											btn : [ '确定', '关闭' ],
											btnAlign : 'c',
											moveType : 0 //拖拽模式，0或者1
											,
											content : '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">汇款日期：'
													+ date
													+ '<br><br>汇款金额：'
													+ moneyin
													+ '元<br><br>摘要：'
													+ keywords
													+ '<br><br><hr>我们此后的征途是星辰大海 ^_^</div>',
											success : function(layero) {
												var btn = layero
														.find('.layui-layer-btn');
												btn
														.find(
																'.layui-layer-btn0')
														.click(
																function() {
																	$("#form1")
																			.submit();
																});
											}
										});
							}
						};

						$('#layerDemo .layui-btn').on(
								'click',
								function() {
									var othis = $(this), method = othis
											.data('method');
									active[method] ? active[method].call(this,
											othis) : '';
								});

					});
</script>
</head>
<body class="layui-layout-body">
	<form action="remittanceForm.do" method="post" id="form1" name="form1">
		<input type="hidden" id="id" name="id" value="${loginUserId_HB}">
		汇款日期：<input type="text" id="date" name="date"
			value="<%=new java.sql.Timestamp(System.currentTimeMillis()).toString().substring(0, 10)%>"
			readonly="readonly" style="border: 0px;" /> <br /> 汇款金额： <input
			type="text" id="moneyin" name="moneyin" placeholder="汇款金额必须大于0">
		<br /> 摘要：
		<textarea name="keywords" id="keywords" cols="45" rows="5"></textarea>
	</form>
	<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
		<button data-method="notice" class="layui-btn">提交</button>
	</div>
</body>
</html>
